<script>
$(document).ready(function(){
  $("#login").addClass("selected");
});
</script>
<div class="title">
    <span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span>ĐĂNG NHẬP
</div> <!--end .title-->
        
<div class="feat_prod_box_details">
    <p class="details">
        Để đăng nhập vào hệ thống cửa hàng sách, bạn cần phải có một tài khoản. Nếu bạn chưa có hãy <a href="register.php">đăng ký</a> ngay bây giờ để có thể trải nghiệm.
    </p>
    <!-- Nếu đăng nhập thất bại thì hiển thị thông báo lỗi được lưu trong $arrData['error_message']-->
    <div class="error_message"><?php echo $arrData['error_message']; ?></div>
  	<div class="contact_form">
        <div class="form_subtitle">Đăng nhập</div>
        <form name="register" action="" method="post">          
            <div class="form_row">
                <label class="contact"><strong>Tên đăng nhập:</strong></label>
                <input type="text" class="contact_input" name="username" value="<?php echo $arrData['username']; ?>" required="true"/>
            </div>  
            
            <div class="form_row">
            <label class="contact"><strong>Mật khẩu:</strong></label>
            <input type="password" class="contact_input" name="password" value="<?php echo $arrData['password']; ?>" required="true"/>
            </div>                     
    
            <div class="form_row">
                <div class="terms" style="margin-left: 30px;">
                <input type="checkbox" name="terms" />
                Ghi nhớ đăng nhập
                </div>
            </div> 
    
            <div class="form_row">
                <input type="submit" class="register" value="Đăng nhập" name="login" style="margin-left:110px;"/>
                <input type="reset" class="register" value="Nhập lại" style="margin-left:20px;"/>
            
            </div>   
        </form>     
    </div>  <!--end .contact_form-->
</div><!--end .feat_prod_box_details-->